<template>
  <div>
    <div class="title-row">
      <div class="title-left">主管单位</div>
      <div>不限</div>
      <div>市财政局</div>
      <div>市科技局</div>
      <div>市人社局</div>
      <div>市招商局</div>
      <div>市自然规划局</div>
    </div>
    <div class="title-row">
      <div class="title-left">建设性质</div>
      <div>不限</div>
      <div>新建项目</div>
      <div>续建项目</div>
      <div>扩建项目</div>
      <div>恢复项目</div>
    </div>
    <div class="title-row">
      <div class="title-left">管理类型</div>
      <div>不限</div>
      <div>计划管理</div>
      <div>审计立项</div>
      <div>审前调查</div>
      <div>审计通知书</div>
      <div>审计工作方案</div>
    </div>
    <div class="title-row">
      <div class="title-left">年份</div>
      <div>不限</div>
      <div>2018年</div>
      <div>2019年</div>
      <div>2020年</div>
      <div>2021年</div>
    </div>
    <div class="title">
      <span>项目审批管理</span>
    </div>
  </div>
</template>

<script>
  export default {
    name: "title",
    data() {
      return {

      }
    }
  }

</script>

<style lang="scss" scoped>
 .title-row {
    background-color: #F3F3F3;
    display: flex;
    align-items: center;
  }
  .title-row div{
      padding: 10px;
  }

  .title-left {
    background-color: #DBDBDB;
    width: 200px;
    text-align: center;
  }

  .text {
    font-size: 14px;
  }
  
  .item {
    margin-bottom: 18px;
  }

  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
  }

  .clearfix:after {
    clear: both
  }

  .box-card {
    width: 360px;
    margin: 10px;
  }

  #app {
    width: 100%;
    padding: 10px;
  }
</style>
